1 00:00:02,130 --> 00:00:03,240 حالا در آخرین سخنرانی 2 00:00:03,240 --> 00:00:06,360 را به فایل _appJS اضافه کردیم. 3 00:00:06,360 --> 00:00:09,000 این یک مفهوم مهم وجود دارد. 4 00:00:09,000 --> 00:00:12,297 حالا باید عنصر را در appJS داشته باشیم 5 00:00:12,297 --> 00:00:14,300 و ما البته هنوز هم آن را داریم 6 00:00:14,300 --> 00:00:15,860 در اجزای صفحه ما 7 00:00:15,860 --> 00:00:17,850 در indexJS در پوشه رویدادها، 8 00:00:17,850 --> 00:00:20,280 به عنوان مثال، من همچنین را دارم. 9 00:00:20,280 --> 00:00:23,600 و همانطور که در صفحه رندر شده مشاهده می کنید، هر دو اعمال می شوند. 10 00:00:23,600 --> 00:00:27,050 عنوان و توضیحات از جزء صفحه 11 00:00:27,050 --> 00:00:30,830 و viewport از فایل _appJS. 12 00:00:30,830 --> 00:00:32,497 و این مهم است، 13 00:00:32,497 --> 00:00:37,498 NextJS به طور خودکار چندین عنصر را ادغام می کند. 14 00:00:37,690 --> 00:00:40,440 بنابراین اگر یک را در اینجا در _appJS تنظیم کنید، 15 00:00:40,440 --> 00:00:42,340 و سپس در کامپوننت صفحه، 16 00:00:42,340 --> 00:00:46,470 محتوای آن بخش های مختلف ادغام می شود. 17 00:00:46,470 --> 00:00:49,200 حتی اگر در اینجا چندین بخش داشته باشیم 18 00:00:49,200 --> 00:00:51,210 داخل یک جزء واحد، 19 00:00:51,210 --> 00:00:54,450 محتوا توسط NextJS ادغام می شود. 20 00:00:54,450 --> 00:00:57,920 اما البته این بدان معناست که ما نیز ممکن است درگیری داشته باشیم. 21 00:00:57,920 --> 00:01:01,260 برای مثال، می‌توانم یک مجموعه دیگر در اینجا داشته باشم 22 00:01:01,260 --> 00:01:06,000 به هر دلیلی، و حالا اینجا و اینجا یک <title> تنظیم می کنم. 23 00:01:06,000 --> 00:01:09,690 اکنون NextJS به طور خودکار بخش های <Head> شما را ادغام می کند. 24 00:01:09,690 --> 00:01:13,280 و همچنین این گونه درگیری ها را حل می کند. 25 00:01:13,280 --> 00:01:17,830 اگر چند عنوان را اینجا اضافه کنم و این صفحه رویدادها را دوباره بارگیری کنم، 26 00:01:17,830 --> 00:01:22,113 می بینید که فقط یک عنوان در اینجا نشان داده می شود، نه چند عنوان. 27 00:01:23,120 --> 00:01:25,610 این به سادگی آخرین عنصر را می گیرد، 28 00:01:25,610 --> 00:01:28,850 اگر مجبور به استفاده از یک عنصر چند بار هستید. 29 00:01:28,850 --> 00:01:31,200 بنابراین اگر <title> را اینجا و اینجا داشته باشیم، 30 00:01:31,200 --> 00:01:33,100 دومین <title> برنده می شود. 31 00:01:33,100 --> 00:01:34,920 همین امر برای عناصر متا نیز صادق است 32 00:01:34,920 --> 00:01:37,010 با ویژگی نام 33 00:01:37,010 --> 00:01:38,930 اگر محتوای <Head> دیگری دارید، 34 00:01:38,930 --> 00:01:40,480 که عنوان هم نیست 35 00:01:40,480 --> 00:01:43,640 و نه یک عنصر متا با ویژگی name، 36 00:01:43,640 --> 00:01:47,780 اما فرض کنید یک عنصر متا با برخی ویژگی های دیگر، 37 00:01:47,780 --> 00:01:50,723 سپس همیشه می توانید یک کلید دستی را در اینجا اضافه کنید، 38 00:01:51,900 --> 00:01:55,340 مانند توضیحات تا همچنان به NextJS اجازه دهد 39 00:01:55,340 --> 00:01:58,600 برای کشف اینکه آیا دو عنصر با هم برخورد می کنند یا خیر. 40 00:01:58,600 --> 00:02:01,550 و سپس، دوباره، دومی برنده خواهد شد. 41 00:02:01,550 --> 00:02:04,770 در حال حاضر، البته، این کد اضافی در اینجا، این سر اضافی است 42 00:02:04,770 --> 00:02:08,220 من فقط می خواستم این رفتار NextJS را نشان دهم. 43 00:02:08,220 --> 00:02:11,260 و اینکه یک مفهوم مهم دارد 44 00:02:11,260 --> 00:02:15,280 زیرا به این معنی است که در _appJS، ما واقعاً می توانیم 45 00:02:15,280 --> 00:02:18,030 همچنین به قسمت head که در آنجا راه اندازی کردیم بروید، 46 00:02:18,030 --> 00:02:22,110 و یک عنوان کلی تعریف کنید که برای همه صفحات اعمال شود، 47 00:02:22,110 --> 00:02:24,080 مگر اینکه بازنویسی شده باشد. 48 00:02:24,080 --> 00:02:27,470 این تضمین می کند که ما همیشه یک عنوان در هر صفحه داشته باشیم، 49 00:02:27,470 --> 00:02:30,530 حتی اگر فراموش کنیم یک صفحه خاص را تنظیم کنیم، 50 00:02:30,530 --> 00:02:33,090 که ما، البته، معمولاً می خواهیم انجام دهیم. 51 00:02:33,090 --> 00:02:37,140 بنابراین در اینجا، من به تمام صفحاتم یک عنوان کلی می دهم، 52 00:02:37,140 --> 00:02:41,220 و همچنین توضیحات کلی 53 00:02:41,220 --> 00:02:44,730 دوباره، که توسط داده های خاص صفحه بازنویسی می شود، 54 00:02:44,730 --> 00:02:47,550 اما در صورتی که داده های خاصی از صفحه نداشته باشیم، 55 00:02:47,550 --> 00:02:50,660 سپس این داده های کلی وارد می شوند. 56 00:02:50,660 --> 00:02:53,730 بنابراین در اینجا من تنظیمات کلی <Head> خود را دارم، 57 00:02:53,730 --> 00:02:57,090 اما اگر این صفحه همه رویدادها را دوباره بارگیری کنم، 58 00:02:57,090 --> 00:02:58,780 ما که آنجا را نمی بینیم. 59 00:02:58,780 --> 00:03:01,750 از آنجایی که ما داده‌های خاص صفحه را در اینجا داریم، 60 00:03:01,750 --> 00:03:06,010 و سپس داده های عمومی تر را لغو می کند. 61 00:03:06,010 --> 00:03:08,890 زیرا کامپوننت صفحه رندر شده است 62 00:03:08,890 --> 00:03:10,260 بعد از جزء برنامه 63 00:03:10,260 --> 00:03:12,200 بنابراین بخش بعدی <Head> برنده می شود 64 00:03:12,200 --> 00:03:13,680 و این بخش سر خواهد بود، 65 00:03:13,680 --> 00:03:15,253 به جای مولفه صفحه